import React from 'react'
import { StyleSheet, Text, View, ScrollView, Dimensions } from 'react-native'
import ButtonTest from './components/ButtonTest'
import Movie from './pages/Movie'
import TextInputTest from './components/TextInputTest'
import AlertTest from './components/AlertTest'
import ActivityIndicatorTest from './components/ActivityIndicatorTest'
import TouchableTest from './components/TouchableTest'
import BottomNavigator from './components/BottomNavigator'


export default function App() {
  return (
    <View 
      style={styles.container}
      >
      {false && (
        <React.Fragment>
          <Text>Open up App.js to start working on your app!</Text>
          <Text style={[styles.secondText, { fontSize: 30 }]}>
            Hello React Native
          </Text>
          <ButtonTest />
        </React.Fragment>
      )}
      {/* <Movie /> */}
      <BottomNavigator></BottomNavigator>
      <TouchableTest></TouchableTest>
      <ActivityIndicatorTest />
      <TextInputTest />
      <AlertTest />
    </View>
  )
}

const styles = StyleSheet.create({
  container: {
    width: Dimensions.get('window').width,
    height: Dimensions.get('window').height,
    flex: 1,
    backgroundColor: '#fff',
    alignItems: 'center',
    justifyContent: 'center',
    paddingBottom: 55
  },
  secondText: {
    color: '#383'
  }
})
